<template>
	<view @touchstart="handlestart" @touchend="handleend">
		<slot></slot>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				// 按下屏幕时间
				startTime:0,
				// 按下屏幕坐标
				startX:0,
				startY:0
			}
		},
		methods:{
			handlestart(e){
				// 触屏的坐标
				// console.log("开始",e.changedTouches[0].clientX,e.changedTouches[0].clientY)
				this.startTime=Date.now()
				this.startX=e.changedTouches[0].clientX
				this.startY=e.changedTouches[0].clientY
			},
			handleend(e){
				// 离开屏幕的坐标
				const endtime=Date.now()
				const endX=e.changedTouches[0].clientX
				const endY=e.changedTouches[0].clientY
				if(endtime-this.startTime>2000){
					return
				}
				// 滑动方向
				let direction=""
				// 判断移动距离是否合法
				if(Math.abs(endX-this.startX)>10){
					// 滑动方向
					direction=endX-this.startX>0? 'right':'left'
					// console.log(direction)
					this.$emit('setDirection',direction)
				}
			}
		}
	}
</script>

<style>
</style>
